﻿<!DOCTYPE html>
<html lang="en" dir="lrt">
<head>
    <script>
        //var apiURL = 'http://api.globalquran.im/'; 	// remove this line
        //var swfPath = 'http://quran.im/images'; 	// remove this line
        var googleAnalyticsID = '';					// add your google analytics id here
    </script>
    <meta charset="utf-8">
    <title>Halal Check</title>

    <link rel="shortcut icon" href="http://GlobalQuran.com/favicon.ico" />
    <link rel="stylesheet" href="images/themes/default/css/global.css" media="screen,print" />
    <link rel="stylesheet" href="images/themes/default/css/print.css" media="print" />
</head>
<body class="ltr">
    <div id="gqMain" style="display:none;">
        <div id="globalHeader">
            <!-- nav here -->
            <div id="topNav">
                <div id="playerNavBox">
                    <ul id="pageNav">

                        <li class="page" style="font-size: 9px; color:  #06103A;">Ayah:<span class="currentAyah tips" title="Surah Al Nas" data-tips-position="bottom center" data-tips-dynamic="true">00:00</span></li>
                        <li class="page" style="font-size:9px; color:  #06103A;">Page:<span class="pageOn">1</span> / <span class="totalPages">604</span></li>
                        <li class="zoomOUT" style="font-size: 9px; color:  #06103A;">Font:<a href="#" class="icon zoomOUT tips" data-tips-position="left center"></a></li>
                        <li class="zoomIN" style="font-size: 9px; color:  #06103A;"><a href="#" class="icon zoomIN tips" data-tips-position="left center"></a></li>
                    </ul>
                    <ul id="playerNav"></ul>

                    <form action="#" method="post">
                        <select name="surah" id="surah" class="customSurah" style="width:70px; color: white; background-color: #06103A; font-size: 10px; height: 30px;
moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;"></select>
                        <input type="submit" name="surahSubmit" id="surahSubmit" value="Submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" />
                    </form>

                </div>
            </div>
        </div>
        <div id="gqContent">
            <div id="infoSidebar">
                <div id="quranSideBar">
                    <div class="headerTitle">
                        <h4>Quran</h4>
                        <a href="#" class="sideLink quranSettings">Settings</a>
                    </div>
                    <ul id="quranSettings" style="display:none;">
                        <li class="right"><a href="#" class="icon close tips">close</a>
                        <li>
                            <label>Quran Fonts [ <a href="#" class="lighter tips" title="Quran fonts are applied to quran text only">?</a> ]</label>
                            <select id="quranFont"><option selected="selected" value='auto'>Auto Select [Recommanded]</option><option value="me_quran">Me-Quran</option> <option value="Scheherazade">Scheherazade</option><option value="_PDMS_Saleem_QuranFont">PDMS Saleem Quran</option><option value="KFGQPC Uthman Taha Naskh">KFGQPC Uthman Taha Naskh</option><option value="Traditional Arabic">Traditional Arabic</option><option value="Arabic Typesetting">Arabic Typesetting</option><option value="Sakkal Majalla">Sakkal Majalla</option><option value="MS Uighur">MS Uighur</option><option value="XB Zar">XB Zar</option><option value="Arial">Arial</option><option value="Custom">Custom</option></select>
                        </li>
                    </ul>
                    <!--
                        <ul class="sideHelpLinks">
                            <li><a href="#">How to use the site [video]</a></li>
                            <li><a href="#">Keyboard Shortcuts</a></li>
                            <li><a href="#">Tajweed Rules</a></li>
                        </ul>
                    -->
                </div>
                <div id="searchSideBar" style="display:none;">
                    <div class="headerTitle">
                        <h4>Search Tips</h4>
                    </div>
                    <ul class="sideNav">
                        <li><b>55</b> - jump quickly to page "55"</li>
                        <li><br /></li>
                        <li><b>114:1</b> - go to surah An-Nass 114</li>
                        <li><b>114:4</b> - go to surah An-Nass 114 and ayah 4</li>
                    </ul>
                    <div class="headerTitle">
                        <h4>got suggestions? </h4>
                    </div>
                    <p>sent us your feedback.</p>
                </div>
            </div>
            <div id="quranContentArea" class="contentHalfSidebar single medium">
            </div>
        </div>

    </div>
    <script src="javascript/jqueryWithTools.pack.js"></script>
    <!-- development use only
    <script src="javascript/jquery/jquery.js"></script>
    <script src="javascript/jquery/jquery.qtip.min.js"></script>
    <script src="javascript/jquery/jquery-ui-1.8.15.custom.min.js"></script>
    <script src="javascript/jquery/jquery.jplayer.js"></script>
     -->
    <!-- for production - use GlobalQuran.js and remove following three js files -->
    <script src="javascript/Quran.js"></script>
    <script src="javascript/GQ.js"></script>
    <script src="javascript/Layout.js"></script>
    <script type="text/javascript">
        //<![CDATA[
        if (typeof (apiURL) != 'undefined' && apiURL)
            QuranNavigator.apiURL = apiURL;
        if (typeof (swfPath) != 'undefined' && swfPath)
            QuranNavigator.player.swfPath = swfPath;
        if (typeof (googleAnalyticsID) != 'undefined' && googleAnalyticsID)
            QuranNavigator.googleAnalyticsID = googleAnalyticsID;
        layout.init();
        //]]>
    </script>
    <script type="text/javascript">
        (function () {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
        })();
    </script>
    <script type="text/javascript">
        (function () {
            var twitterWidgets = document.createElement('script');
            twitterWidgets.type = 'text/javascript';
            twitterWidgets.async = true;
            twitterWidgets.src = '//platform.twitter.com/widgets.js';
            document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
        })();
    </script>
    <div id="fb-root"></div>
    <script>
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#appId=291496434200831&xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
    <!-- AddThis Button BEGIN -->
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e753ce6632eaacf"></script>
    <!-- AddThis Button END -->
</body>
</html>